<template>
 <view class="u-wrap">

 <view>
	 
 <u-grid :col="3">
<view class="list-box" v-for="(item,index) in guanzhu" :key="item.userId">
					<view class="list-ed">
							<u-avatar :src=item.userImg width="10000" size="150"></u-avatar>
						<view class="list-right">
							
							<view class="list-name" @click="goselfinfo(item)">{{item.userName}}</view>
							<view class="list-da">
								<view>  简介：<text @click="goselfinfo(item)">{{item.sign}}</text></view>
 
							</view>
						</view>
					</view>
			</view>


 
 </u-grid>
 </view>
 
 </view>
</template>
<script>
 export default {
 data() {
 return {
 //轮播图
 myid:  getApp().globalData.globalUserid,
 title: true,
 mode: 'round',
 indicatorPos: 'bottomCenter',
 effect3d: false,

   guanzhu:[{
	    userId:"",     //被关注者用户id
		userName:"",    //被关注者用户姓名
	    account:"",     //被关注者用户账户名
		city:"",       //被关注者用户城市
	    sign:"",        //被关注者签名
	    userImg:""
   }]
 }
 },


 onLoad(){
	 console.log(getApp().globalData.globalUserid+"的关注");
	uni.request({

		url:"http://localhost:9090/userFollow?userId="+getApp().globalData.globalUserid,
		method:"GET",
		

		success:(res)=>{
			console.log(res.data.result);
			//关注集合
           	this.guanzhu=res.data.result;
		}
	}) 
 },
 methods: {
	 goselfinfo(item){
		 console.log("播放");
		 uni.navigateTo({
		 	url: '/pages/TRH_pages/Selfinfo?item=' + encodeURIComponent(JSON.stringify(item))
		 })
	 },
	 
 //轮播图
 click(index) {
 this.$refs.uToast.show({
 title: `点击了第${index + 1}张图片`,
 type: 'success'
 })
 },
 change(index) {
 // console.log(index);
 }
 //结束轮播图
 ,
 imageError() {
 }
 }
 }
</script>
<style scoped lang="scss">
 @import "@/common/demo.scss"; 
 page{
 		background-color: #eee;
 	}
 	
 	.list-box {
 		
 		display: flex;
 		flex-direction: column;
 		background-color: #fff;
 		margin: 0upx 100upx 0upx 0upx;
 		padding: 70upx;
 		border-radius: 0upx;
 	}
  
 	.list-ed {
 		font-size: 40rpx;
 		display: flex;
 		flex-direction: row;
 		justify-content: center;
 		align-items: center;
 	}
  
 	.list-left {
 		margin-right: 16upx;
 	}
  
 	.list-img {
 		
 		width: 0upx;
 		height: 0upx;
 		margin: 0upx 16upx 0upx 0upx;
 	}
  
 	.list-right {
 		
 		display: flex;
 		flex-direction: column;
 		width: 510upx;
 		height: 180upx;
 	}
  
 	.list-right-img {
 		width: 140upx;
 		height: 38upx;
 	}
  
 	.noadsop {
 		width: 120upx;
 		height: 32upx;
 	}
  
 	.list-head {
 		
 		display: flex;
 		justify-content: flex-end;
 		margin-bottom: 10upx;
 	}
  
 	.list-name {
 		overflow: hidden;
 		text-overflow: ellipsis;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
 		-webkit-line-clamp: 2;
 		margin-bottom: 10upx;
 	}
  
 	.list-da {
 		
 		display: flex;
 		flex-direction: row;
 		font-size: 26upx;
 	}
  
 	.list-da view {
 		
 		width: 100%;
 	}
  
 	.list-da view text {
 		
 		color: f0f0f0;
 	}
  
 	.sure {
 		
 		background: #FF6000;
 		color: #FFFFFF;
 		width: 600upx;
 		height: 70upx;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		border-radius: 40upx;
 		margin: 60upx auto;
 	}

</style>